<template>
  <div class="app">
 <show-message>
  <button>我是按钮</button>
 </show-message>
 <show-message>
  <a href="#">百度一下</a>
 </show-message>
 <show-message>
  <img src="@/img/kobe02.png" alt="">
 </show-message>
  </div>
</template>

<script>
import ShowMessage from './ShowMessage.vue'
export default {
  components: {
    ShowMessage
    
  },
  data() {
    return {
      title: '我还是标题',
      counter: 0,
    }
  },
  methods: {
    increment() {
      this.counter++
    },
    decrement() {
      this.counter--
    },
  },
}
</script>

<style scoped>
h2 {
  color: red;
}
</style>
